.cats-box {
	padding:0;

	.cats-list {
	
		.item {
			padding:10px;
			background:#fff;
			margin-bottom:10px;

			h3{

				h3 a{
					color:#666;
				}
			}
			.item-list {

				ul.subitem{
					display:block;

					li{
						list-style:none;

						a{
							display:block;
							padding:5px 10px;
							color:#666;

							&:hover {
								background:$blockBackgroundHoverColor;
								color:#fff;
							}
						}
					}
				}
			}
		}
	}

}
.cats-screen {
	background:#fff;
	padding:10px 5px;
	margin-bottom:10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

	.f-sort {
		float: left;
    	margin-right: 24px;

    	a.active {
		    background: #ff6600;
		    color: #FFF;
		    border-color: #ff6600;
		}

    	a {
    		float: left;
		    padding: 0 10px;
		    height: 23px;
		    border: 1px solid #ddd;
		    line-height: 23px;
		    margin-right: -1px;
		    background: #FFF;
		    color: #333;
    	}
	}
}

#topCatsModal {

	.modal-dialog{
		background:rgba(0,0,0,0.6);
	}
	
	.modal-header {
		display:none;
	}
	.modal-body {
	    position: absolute;
	    top: 10px;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    overflow-y: auto;

	    .top-cats-close {
			position:absolute;
			display:block;
			width:50px;
			height:50px;
			overflow:hidden;
			right:10px;
			top:0;
			padding:5px;
			text-align:center;
			background:rgba(255,255,255,1);
			border-radius:50%;
			z-index:1051;


			.close {
				float:none;
				

				span:first-child {
					display:block;
					font-size:40px;
					line-height:35px;
					width:40px;
					height:40px;
					overflow:hidden;
				}
			}
		}
	}
}

.top-cats-list {
	display:block;

	.item {
		position:relative;
		padding:10px;
		margin-bottom:10px;

		h3{
			margin:0;
			font-size:16px;
			text-align:center;

			a{
				color:#fff;
			}
		}

		.item-hr {
			width:80px;
			border-top:5px solid #ff9900;
			margin:15px auto;
		}
	}


	.item-list {
		display:block;

		.child-title{
			display:block;
			padding:15px;
		}
		.child-box {
				margin:0 auto;
				margin-bottom:10px;
			.image {
				text-align:center;
				display:block;
				a {
					display:block;
				}
				img {
					margin:0 auto;
					border-radius: 50%;
				}
			}
			.font {
				display:block;
				font-size:14px;
				text-align:center;
				line-height:30px;

				a {
					color:#fff;
				}
			}
		}
	}
}

